<template>
  <div id="CompanyIntroduction">
    <div class="banner container-fuild text-center" :style="{ backgroundImage: `url(${dataList.titleImg})` }">
      {{ dataList.titleContent }}
    </div>
    <div class="container">
      <div class="row CompanyIntroduction-container">
        <div class="col-xs-12 col-sm-12 col-md-6 wow slideInLeft" data-wow-delay="0.5s">
          <img class="img-responsive center-block" :src="dataList.aimg" />
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6 wow slideInRight" data-wow-delay="1s">
          <div class="ql-container ql-snow">
            <div class="ql-editor">
              <div v-html="dataList.acontent"></div>
            </div>
          </div>
          <!-- <h3>广州鼎盛医疗技术服务有限公司</h3>
          <p class=".text-justify">
            广州鼎盛医疗技术服务有限公司致力于将智能机器人技术和5G技术应用于基层医疗，
            融合西门子工业机器人技术，并联合华南理工大学智能工程学院博士导师团队共同研发超声诊断远程协作系统。用于提升基层医疗服务能力。
          </p>
          <p class=".text-justify">
            广州鼎盛医疗技术服务有限公司致力于将智能机器人技术和5G技术应用于基层医疗，
            融合西门子工业机器人技术，并联合华南理工大学智能工程学院博士导师团队共同研发超声诊断远程协作系统。用于提升基层医疗服务能力。
          </p> -->
          <!-- <p class=".text-justify">
            我们的客户包括集团上市公司, 酒店, IT科技, 教育, 服装, 贸易, 外贸,
            时尚, 生物, 工业, 制造等众多行业, 并树立了良好的口碑,
            积累了丰富的经验和成功案例. 我们提供权威专业的互联网品牌策划,
            并实施高标准的设计方案, 创造真正意义上的品牌网站,
            为互联网品牌在互动行销领域创造最大价值而不懈努力!
          </p> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
{/* <script setup name="CompanyIntroduction"> */ }
import WOW from 'wow.js'
import { ref, onMounted } from 'vue'
import axios from '../utils/axios';

const dataList = ref({});

const getData = async () => {
  const res = await axios.get('/gwht/gw/profile/getInfo');
  // console.log(res, 'res==');
  dataList.value = res.data;
  // console.log(dataList.value, 'getDataList==');

}


onMounted(() => {
  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 100,
    mobile: true,
    live: true
  })
  wow.init()


  getData();
})
</script>

<style scoped>
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  /* background-image: url('../assets/img/banner_1.jpg'); */
  /* background-image: url('../assets/img/banner1.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.CompanyIntroduction-container {
  padding: 100px 0;
  color: #808080;
  transition: all ease 0.5s;
}

.CompanyIntroduction-container>div>p {
  font-size: 14px;
  line-height: 2.5rem;
}

@media screen and (max-width: 997px) {
  .CompanyIntroduction-container {
    padding: 10px 0;
    color: #808080;
  }
}
</style>
